<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站首页</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/common/footer.css">
    <link rel="stylesheet" href="../../css/common/header.css">
    <link rel="stylesheet" href="../../css/common/banner.css">
    <!-- 首页样式 -->
    <link rel="stylesheet" href="../../css/index/index.css">
</head>

<body>
    <div class="header">
        <!-- 顶部 -->
        <div class="top">
            <div class="top-box">
                <div class="top-hello">
                    <p>欢迎访问广西融橘农业科技有限公司！</p>
                </div>
                <div class="top-nav">
                    <p>在线联系</p>
                    <span>|</span>
                    <p>联系方式</p>
                    <span>|</span>
                    <p>网站地图</p>
                </div>
            </div>
        </div>

        <!-- 导航栏 -->
        <div class="nav">
            <div class="nav-box">
                <img src="../../img/logo/logo.png" alt="广西融橘农业科技有限公司">
                <ul>
                    <li><a href="../index/index.html">网站首页</a></li>
                    <li><a href="../about/about.html">关于我们</a></li>
                    <li><a href="../product/product.html">产品展示</a></li>
                    <li><a href="../tea/tea.html">融安金桔茶</a></li>
                    <li><a href="../consult/consult.html">咨讯中心</a></li>
                    <li><a href="../contact/contact.html">联系我们</a></li>
                    <li class="phone">
                        <a href="#">0771-5868259</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 轮播图 -->
        <div class="banner">
            <div id="banner-box">
                <ul id="pic">
                    <li><img src="../../img/banner/banner1.jpg" alt=""></li>
                    <li style="display:none;"><img src="../../img/banner/banner2.png" alt=""></li>
                    <li style="display:none;"><img src="../../img/banner/banner3.png" alt=""></li>
                </ul>
                <ul id="num">
                    <li class="active"></li>
                    <li class=""></li>
                    <li class=""></li>
                </ul>
                <a href="#" class="arrow" id="left">&lt;</a>
                <a href="#" class="arrow" id="right">&gt;</a>
            </div>
        </div>
        <!-- 产品介绍 -->
        <div class="introduce">
            <div class="introduce-box">
                <div class="introduce-box-top">
                    <h1>融安金桔茶</h1>
                    <p class="introduce-box-top-center">TEA CULTURE</p>
                    <p class="introduce-box-top-footer">原产地保护的证明商标和地理标志保护产品</p>
                </div>
                <div class="introduce-box-show">
                    <ul>
                        <li>
                            <img src="../../img/index/融安金桔.jpg" alt="">
                            <b>融安金桔</b>
                            <p>柳州市融安县地处钟灵毓秀，全县气候温和，景色秀丽，森林覆盖率达79.2%，年平均气温19°C，长年空气质量良好以上。</p>
                        </li>
                        <li>
                            <img src="../../img/index/金桔介绍.jpg" alt="">
                            <b>金桔介绍</b>
                            <p>金桔茶是融安金桔和普洱的完美结合，浑然天成，越陈越香。金桔茶不仅有着普洱茶的醇厚甘香，还融合了融安金桔的清醇果香。</p>
                        </li>
                        <li>
                            <img src="../../img/index/品金桔茶.jpg" alt="">
                            <b>制作工艺</b>
                            <p>采摘采摘时需保证金桔的完整性,果体不可破皮或损伤，且选料非常讲究，选用的是每年9月份成熟的金桔，可以最大限度保留金桔的清香。</p>
                        </li>
                        <li>
                            <img src="../../img/index/品金桔茶.jpg" alt="">
                            <b>品金桔茶</b>
                            <p>金桔茶由融安金桔和普洱茶组成，金桔皮按照新会陈皮的制作方法进行加工，其特点都是越陈越香、越陈功效越佳、越陈越有价值。</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 产品展示 -->
        <div class="show">
            <div class="show-box">
                <div class="show-box-top">
                    <h1>产品展示</h1>
                    <p class="show-box-top-center">TEA SHOW</p>
                    <p class="show-box-top-footer">国家绿色食品A级产品认证</p>
                </div>
                <div class="show-box-list">
                    <ul>
                        <li>
                            <img src="../../img/index/产品目录.jpg" alt="">
                            <p>产品目录</p>
                        </li>
                        <li>
                            <img src="../../img/index/生态系列.png" alt="">
                            <p>生态系列</p>
                        </li>
                        <li>
                            <img src="../../img/index/繁花似锦.jpg" alt="">
                            <p>繁花似锦</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="footer-box">
                <div class="footer-1">
                    <div class="footer-contact">
                        <h1>|&nbsp;联系我们</h1>
                        <p>广西融桔农业科技有限公司</p>
                        <p>地址：融安县长安镇高泽屯农产品加工产业园内G2018-5号</p>
                        <ul>
                            <li>公司:0771-5828659</li>
                            <li>邮箱:3155299561@qq.com</li>
                            <li>电话:15277139896</li>
                            <li>QQ:3155299561</li>
                        </ul>
                    </div>
                </div>
                <div class="footer-2">
                    <div class="footer-nav">
                        <h1>|&nbsp;快捷导航</h1>
                        <ul>
                            <li><a href="../index/index.html">首页</a></li>
                            <li><a href="../product/product.html">产品展示</a></li>
                            <li><a href="../tea/tea.html">融安金桔茶</a></li>
                            <li><a href="../consult/consult.html">资讯中心</a></li>
                            <li><a href="../contact/contact.html">联系我们</a></li>
                            <li><a href="../about/about.html">关于我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-3">
                    <div class="footer-publicity">
                        <h1>|&nbsp;关注我们</h1>
                        <ul>
                            <li>
                                <img src="../../img/index/contant.png" alt="">
                                <p>手机站</p>
                            </li>
                            <li>
                                <img src="../../img/index/contant.png" alt="">
                                <p>微信公众号</p>
                            </li>
                            <li>
                                <img src="../../img/index/contant.png" alt="">
                                <p>咨询微信</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-4">
                <div class="footer-bottom">
                    <p>
                        版权所有：广西融桔农业科技有限公司 Copyright © 2017-2023 All Rights Reserved 备案号：桂ICP备18006991号 技术支持：云尚网络
                    </p>
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/banner.js"></script>
</body>

</html>